/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.

*window.onload=function(){
*   alert('listo');
*};
*/

$(document).on('ready',function(){
    
   $('#clase1 h2').click(function (e){
       e.preventDefault();
       //alert('click');
       if($('#clase1').css('height')=='150px')
           {
               $('#clase1').animate({'height':'50px'},500);
           }
           else
               {
       $('#clase1').animate({'height':'150px','backgroud-color':'red'},500);
       
               }
   });
   
   $('.caja').on('click',function (e){
       if($('.caja').css('left')=='0px'){
       $('.caja').animate({'left':'700px'},2500);
       $('.caja2').animate({'left':'0px'},2500);
       }
       else{
       $('.caja').animate({'left':'0px'},2500);
       $('.caja2').animate({'left':'700px'},2500);    
       }
   });
   
   $('.menuL ul li a').click(function (e){
       e.preventDefault();
       var salto=$(this).attr('href');
       $('html, body').stop().animate({
            scrollTop:$(salto).offset().top
       },1500);
   });
   
   $('.ancla h2').click(function (e){
       //$('html, body').add()
       var alto=$('.contenedor').css('height');
       lugar=$(this);
       //alert(alto);
       $('.neg').css('height',alto);
       $('.neg').fadeIn('slow');
       $('html, body').stop().animate({
            scrollTop:$('.contenido').offset().top
       },1000);
   });
   
    $('.fneg').click(function(e) {
        $('.neg').fadeOut('slow');
        $('html, body').stop().animate({
            scrollTop: $(lugar).offset().top
        }, 1000);
        //$('.neg').css('display','none');
    });
    /*
    $('.ancla p').click(function (e){
        $('.mensaje').remove();
       $(this).before('<div class="mensaje"></div>');
        setTimeout(desaparecer,3000);
    });
    
    function desaparecer(){
        $('.mensaje').fadeOut('2000');
    }*/
    $('.ancla p').click(function(e) {
        $('.mensaje').remove();
        $(this).before('<div class="mensaje" style="display:none"></div>');
        $('.mensaje').fadeIn('slow');
    });
    $('.anclaje').on('mouseout','.mensaje',function (){
        //alert('vide');
        $('.mensaje').fadeOut('slow');
        //$('.mensaje').remove();
    });
});
